<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>

<style type="text/css">
                        body { font-family: helvetica,Arial,sans-serif;margin: 0;padding: 0;text-align: left;font-size:14px;line-height:1.4;}
                        #content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; }
                        #content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #F8ECE0;font-size:16px;color:#333333;border:1px solid #999;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
                        fieldset{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;border:1px solid #AAA;}
                        fieldset legend{font-size:15px;font-weight:bold; padding:2px 10px;border:1px solid #AAA;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
                </style>
<script>
                //<!--
                function bxgpluscodegen() {
				var bxyww = document.getElementsByName("bxww")[0].value;
				var bxywh = document.getElementsByName("bxwh")[0].value;
				var bxymcolor = document.getElementsByName("bxmc")[0].value;
				var bxymtbbcolor = document.getElementsByName("bxmtbbc")[0].value;
				var bxymtblcolor = document.getElementsByName("bxmtblc")[0].value;
				var bxymbutsize = document.getElementsByName("bxbsize")[0].value;
				var bxybbcolor = document.getElementsByName("bxbbc")[0].value;
				var bxybbhcolor = document.getElementsByName("bxbbhc")[0].value;
				var bxybbgcolor = document.getElementsByName("bxbbgc")[0].value;
				var bxybhcolor = document.getElementsByName("bxbhc")[0].value;
				var bxybtxtcolor = document.getElementsByName("bxtc")[0].value;
				var bxybtxthcolor = document.getElementsByName("bxthc")[0].value;
				var bxybfsz = document.getElementsByName("bxbfsz")[0].value;
				var bxyttcolor = document.getElementsByName("bxttc")[0].value;
				var bxynamcolor = document.getElementsByName("bxnamc")[0].value;
				var bxynamfsz = document.getElementsByName("bxnamfsz")[0].value;
								

				var bxsetup = document.getElementsByName("tbox")[0];

				
				bxsetup.value = "\<style type=\"text/css\"\>\nbxwidgetw='" + bxyww + "'\nbxwidgeth='" + bxywh + "'\nbxmtbcolor='" + bxymcolor +"'\nbxmtbc='" + bxymtbbcolor +"'\nbxmtlc='" + bxymtblcolor +"'\nbxybuttonsz='" + bxymbutsize + "'\nbxbbcl='" + bxybbcolor +"'\nbxybbhcl='" + bxybbhcolor +"'\nbxybbgcolor='" + bxybbgcolor +"'\nbxybhcolor='" + bxybhcolor +"'\nbxybuttontc='" + bxybtxtcolor +"'\nbxybuttonhtc='" + bxybtxthcolor +"'\nbxybutsz='" + bxybfsz + "'\nbxytitlc='" + bxyttcolor +"'\nbxynamecl='" + bxynamcolor +"'\nbxynamfc='" + bxynamfsz +"'\n</script\>";





 }
                //-->
                </script>




</head>


<body>



<div id='content-wrapper'>
                        <h2>Jquery Slide Panel Code Generator For Blogger</h2>
                        <fieldset>
                                <legend align='left'>
                                        Advanced CSS Styling 
                                </legend>
                                <table width="100%">
                                        <tr>
                                                <td colspan="2">
                                                        <span style="font-size:18px;text-align:center;display:block;">Google Plus </span>
                                                        <hr width="100%" align="center">
                                                </td>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxww">Widget Width</label><span style="float:right;"></span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxww" id="bxww" maxlength="6" size="8" value="320">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxwh">Widget Hight</label><span style="float:right;"></span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxwh" id="bxwh" maxlength="6" size="8" value="340">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxmc">Main Table Bg Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxmc" id="bxmc" maxlength="6" size="8" value="363636">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxmtbbc">Main Table Border Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxmtbbc" id="bxmtbbc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxmtblc">Main Table Line Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxmtblc" id="bxmtblc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbsize">Button Width</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbsize" id="bxbsize" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>

                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbbc">Button Bordor Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbbc" id="bxbbc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbbhc">Button Bordor Hover Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbbhc" id="bxbbhc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbbgc">Button Background Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbbgc" id="bxbbgc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbhc">Button Background Hover Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbhc" id="bxbhc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxtc">Button Text Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxtc" id="bxtc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxthc">Button Text Hover Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxthc" id="bxthc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxbfsz">Button Font Size</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxbfsz" id="bxbfsz" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>

                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxttc">Title Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxttc" id="bxttc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxnamc">Name Color</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxnamc" id="bxnamc" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>
                                        <tr>
                                                <td width='50%'>
                                                        <label for="bxnamfsz">Name Font Size</label><span style="float:right;">#</span>
                                                </td>
                                                <td width='50%'>
                                                        <input type="text" name="bxnamfsz" id="bxnamfsz" maxlength="6" size="8" value="33cc66">
                                                </td>
                                        </tr>


                                </table>
                        </fieldset>
                        <br>
                        <center>
                                <input value='Get Code' style='font-size:16px;width:220px;line-height:25px;font-weight:bold;' type='button' onclick='javascript:bxgpluscodegen();' />
                        </center>
                        <br>
                        <textarea onfocus="this.select()" onmouseover="this.focus()" onclick="this.focus();this.select()" style='border:1px solid #7F9DB9; background:#ffffff;width:100%;height:250px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;' readonly='readonly' name='tbox' rows="1" cols="20"></textarea>
                        <br>
                        <br>
                        <center>
                                        Copyright &copy; 2011 All Rights Reserved by <strong>Harish</strong> @ <a href='http://www.way2blogging.org/'>way2blogging.org</a>
                        </center>
                </div>




</body>

</html>